<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../style/fjol_style.css"/>
		<link rel="stylesheet" type="text/css" href="../style/xol_style.css"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav newbgRed">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title"></h1>
		</header>
		<div class="mui-scroll-wrapper" style="top: 45px;">
		    <div class="mui-scroll">
		        <!--这里放置真实显示的DOM内容-->
		        <ul class="mui-table-view" id="houseMessageList">
	                
	            </ul>
		    </div>
		</div>
		
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery-2.1.0.js"></script>
		<script src="../js/jquery.tmpl.min.js"></script>
		<script id="houseMessageTmpl" type="text/x-jquery-tmpl">
			<li class="mui-table-view-cell mui-row">
                <p class="mui-col-xs-4">${key}</p><span>${value}</span>   
            </li>
		</script>
		<script type="text/javascript">
			mui.init();
			mui.plusReady(function(){
					
				var wv = plus.webview.currentWebview();
				var buildingArr = wv.buildingArr;
				var buildingName = wv.buildingName;
				document.querySelector('.mui-title').innerHTML = buildingName;
//				console.log(JSON.stringify(buildingArr));
				$('#houseMessageTmpl').tmpl(buildingArr).appendTo('#houseMessageList');
				
				mui('.mui-scroll-wrapper').scroll({
						deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
					});
					
			})
		</script>
	</body>

</html>